/**提示组件 */
import React from "react"
import {observer} from "mobx-react"
import {useStore} from "../stores"
import styled from "styled-components"
const Div = styled.div`
  background:#ff4d4f;
  color:#fff;
  font-size:18px;
  font-weight: 600;
  margin-bottom: 20px;
  padding: 10px 0px 10px 20px;
  border-radius: 10px;
`
const Component = observer(({children})=>{
  const {UserStore} = useStore()
  return (
    <>
    {
      UserStore.currentUser?null:<Div>{children}</Div>
    }
    </>
  )
})

export default Component